<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
	<head>
		<title>jsGuessElement Hydrogen</title>
		<meta http-equiv="content-type" content="text/html; charset=utf8" />
		<style type="text/css">@import url(style.css);</style>
		<script type="text/javascript" src="mootools-1.2-core-yc.js"></script>
		<script type="text/javascript" src="mootools-1.2-more.js"></script>
		<script type="text/javascript" src="logic.js"></script>
	</head>
	<body>
		<div id="mendeleev">
			<div id="guess-type-select">
				<label for="guess-type">Гадание по:</label>
				<select id="guess-type">
					<optgroup label="Человеческие">
						<option value="code">коду</option>
						<option value="name">наименованию</option>
					</optgroup>
					<optgroup label="Хардкор">
						<option value="atomic">атомному номеру</option>
						<option value="molar">атомной массе</option>
					</optgroup>
				</select>
			</div>
			<h1>Укажите расположение элемента <span id="guess-element-name"></span></h1>
			<div class="statistics">
				Статистика:
				<div class="attempts">Осталось попыток: <span id="attempts-counter"></span></div>
				<div class="timer" style="position: relative;">
					<div style="position: absolute; bottom: 0;">
						Времени на отгадку: <span id="timeout-monitor"></span> c.
					</div>
				</div>
				<div class="grade-stats">Баллы: <span id="grade"></span></div>
				<div class="good"></div>
				<div class="wrong"></div>
				<input type="button" value="Показать результаты" id="finish" />
				<input type="checkbox" checked="checked" id="store-stats-to-cookie" />
				<label for="store-stats-to-cookie">Сохранять результаты</label>
			</div>
			<table>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td class="alkali">
						<span class="code">H</span>
						<span class="atomic">1</span>
						<span class="molar">1,00794</span>
						<span class="name">Водород</span>
					</td>
					<td class="alkali">
						<span class="code">He</span>
						<span class="atomic">2</span>
						<span class="molar">4,00260</span>
						<span class="name">Гелий</span>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td class="alkali">
						<span class="code">Li</span>
						<span class="atomic">3</span>
						<span class="molar">6,941</span>
						<span class="name">Литий</span>
					</td>
					<td class="alkali">
						<span class="code">Be</span>
						<span class="atomic">4</span>
						<span class="molar">9,01218</span>
						<span class="name">Бериллий</span>
					</td>
					<td class="metalloid">
						<span class="code">B</span>
						<span class="atomic">5</span>
						<span class="molar">10,811</span>
						<span class="name">Бор</span>
					</td>
					<td class="metalloid">
						<span class="code">C</span>
						<span class="atomic">6</span>
						<span class="molar">12,011</span>
						<span class="name">Углерод</span>
					</td>
					<td class="metalloid">
						<span class="code">N</span>
						<span class="atomic">7</span>
						<span class="molar">14,0067</span>
						<span class="name">Азот</span>
					</td>
					<td class="metalloid">
						<span class="code">O</span>
						<span class="atomic">8</span>
						<span class="molar">15,9994</span>
						<span class="name">Кислород</span>
					</td>
					<td class="metalloid">
						<span class="code">F</span>
						<span class="atomic">9</span>
						<span class="molar">18,9984</span>
						<span class="name">Фтор</span>
					</td>
					<td class="metalloid">
						<span class="code">Ne</span>
						<span class="atomic">10</span>
						<span class="molar">20,179</span>
						<span class="name">Неон</span>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td class="alkali">
						<span class="code">Na</span>
						<span class="atomic">11</span>
						<span class="molar">22,9897</span>
						<span class="name">Натрий</span>
					</td>
					<td class="alkali">
						<span class="code">Mg</span>
						<span class="atomic">12</span>
						<span class="molar">24,305</span>
						<span class="name">Магний</span>
					</td>
					<td class="metalloid">
						<span class="code">Al</span>
						<span class="atomic">13</span>
						<span class="molar">26,9815</span>
						<span class="name">Алюминий</span>
					</td>
					<td class="metalloid">
						<span class="code">Si</span>
						<span class="atomic">14</span>
						<span class="molar">28,0855</span>
						<span class="name">Кремний</span>
					</td>
					<td class="metalloid">
						<span class="code">P</span>
						<span class="atomic">15</span>
						<span class="molar">30,9737</span>
						<span class="name">Фосфор</span>
					</td>
					<td class="metalloid">
						<span class="code">S</span>
						<span class="atomic">16</span>
						<span class="molar">32,066</span>
						<span class="name">Сера</span>
					</td>
					<td class="metalloid">
						<span class="code">Cl</span>
						<span class="atomic">17</span>
						<span class="molar">35,453</span>
						<span class="name">Хлор</span>
					</td>
					<td class="metalloid">
						<span class="code">Ar</span>
						<span class="atomic">18</span>
						<span class="molar">39,948</span>
						<span class="name">Аргон</span>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td class="alkali">
						<span class="code">K</span>
						<span class="atomic">19</span>
						<span class="molar">39,0983</span>
						<span class="name">Калий</span>
					</td>
					<td class="alkali">
						<span class="code">Ca</span>
						<span class="atomic">20</span>
						<span class="molar">40,078</span>
						<span class="name">Кальций</span>
					</td>
					<td class="transition">
						<span class="code">Sc</span>
						<span class="atomic">21</span>
						<span class="molar">44,9559</span>
						<span class="name">Скандий</span>
					</td>
					<td class="transition">
						<span class="code">Ti</span>
						<span class="atomic">22</span>
						<span class="molar">47,88</span>
						<span class="name">Титан</span>
					</td>
					<td class="transition">
						<span class="code">V</span>
						<span class="atomic">23</span>
						<span class="molar">50,9415</span>
						<span class="name">Ванадий</span>
					</td>
					<td class="transition">
						<span class="code">Cr</span>
						<span class="atomic">24</span>
						<span class="molar">51,9961</span>
						<span class="name">Хром</span>
					</td>
					<td class="transition">
						<span class="code">Mn</span>
						<span class="atomic">25</span>
						<span class="molar">54,9380</span>
						<span class="name">Марганец</span>
					</td>
					<td class="transition">
						<span class="code">Fe</span>
						<span class="atomic">26</span>
						<span class="molar">55,847</span>
						<span class="name">Железо</span>
					</td>
					<td class="transition">
						<span class="code">Co</span>
						<span class="atomic">27</span>
						<span class="molar">58,9332</span>
						<span class="name">Кобальт</span>
					</td>
					<td class="transition">
						<span class="code">Ni</span>
						<span class="atomic">28</span>
						<span class="molar">58,69</span>
						<span class="name">Никель</span>
					</td>
				</tr>
				<tr>
					<td class="transition">
						<span class="code">Cu</span>
						<span class="atomic">29</span>
						<span class="molar">63,546</span>
						<span class="name">Медь</span>
					</td>
					<td class="transition">
						<span class="code">Zn</span>
						<span class="atomic">30</span>
						<span class="molar">65,39</span>
						<span class="name">Цинк</span>
					</td>
					<td class="metalloid">
						<span class="code">Ga</span>
						<span class="atomic">31</span>
						<span class="molar">69,723</span>
						<span class="name">Галлий</span>
					</td>
					<td class="metalloid">
						<span class="code">Ge</span>
						<span class="atomic">32</span>
						<span class="molar">72,59</span>
						<span class="name">Германий</span>
					</td>
					<td class="metalloid">
						<span class="code">As</span>
						<span class="atomic">33</span>
						<span class="molar">74,9216</span>
						<span class="name">Мышьяк</span>
					</td>
					<td class="metalloid">
						<span class="code">Se</span>
						<span class="atomic">34</span>
						<span class="molar">78,96</span>
						<span class="name">Селен</span>
					</td>
					<td class="metalloid">
						<span class="code">Br</span>
						<span class="atomic">35</span>
						<span class="molar">79,904</span>
						<span class="name">Бром</span>
					</td>
					<td class="metalloid">
						<span class="code">Kr</span>
						<span class="atomic">36</span>
						<span class="molar">83,80</span>
						<span class="name">Криптон</span>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td class="alkali">
						<span class="code">Rb</span>
						<span class="atomic">37</span>
						<span class="molar">85,4678</span>
						<span class="name">Рубидий</span>
					</td>
					<td class="alkali">
						<span class="code">Sr</span>
						<span class="atomic">38</span>
						<span class="molar">87,62</span>
						<span class="name">Стронций</span>
					</td>
					<td class="transition">
						<span class="code">Y</span>
						<span class="atomic">39</span>
						<span class="molar">88,9059</span>
						<span class="name">Иттрий</span>
					</td>
					<td class="transition">
						<span class="code">Zr</span>
						<span class="atomic">40</span>
						<span class="molar">91,224</span>
						<span class="name">Цирконий</span>
					</td>
					<td class="transition">
						<span class="code">Nb</span>
						<span class="atomic">41</span>
						<span class="molar">92,9064</span>
						<span class="name">Ниобий</span>
					</td>
					<td class="transition">
						<span class="code">Mo</span>
						<span class="atomic">42</span>
						<span class="molar">95,94</span>
						<span class="name">Молибден</span>
					</td>
					<td class="transition">
						<span class="code">Tc</span>
						<span class="atomic">43</span>
						<span class="molar">97,9072</span>
						<span class="name">Технеций</span>
					</td>
					<td class="transition">
						<span class="code">Ru</span>
						<span class="atomic">44</span>
						<span class="molar">101,07</span>
						<span class="name">Рутений</span>
					</td>
					<td class="transition">
						<span class="code">Rh</span>
						<span class="atomic">45</span>
						<span class="molar">102,905</span>
						<span class="name">Родий</span>
					</td>
					<td class="transition">
						<span class="code">Pd</span>
						<span class="atomic">46</span>
						<span class="molar">106,42</span>
						<span class="name">Палладий</span>
					</td>
				</tr>
				<tr>
					<td class="transition">
						<span class="code">Ag</span>
						<span class="atomic">47</span>
						<span class="molar">107,868</span>
						<span class="name">Серебро</span>
					</td>
					<td class="transition">
						<span class="code">Cd</span>
						<span class="atomic">48</span>
						<span class="molar">112,41</span>
						<span class="name">Кадмий</span>
					</td>
					<td class="metalloid">
						<span class="code">In</span>
						<span class="atomic">49</span>
						<span class="molar">114,82</span>
						<span class="name">Индий</span>
					</td>
					<td class="metalloid">
						<span class="code">Sn</span>
						<span class="atomic">50</span>
						<span class="molar">118,710</span>
						<span class="name">Олово</span>
					</td>
					<td class="metalloid">
						<span class="code">Sb</span>
						<span class="atomic">51</span>
						<span class="molar">121,75</span>
						<span class="name">Сурьма</span>
					</td>
					<td class="metalloid">
						<span class="code">Te</span>
						<span class="atomic">52</span>
						<span class="molar">127,60</span>
						<span class="name">Теллур</span>
					</td>
					<td class="metalloid">
						<span class="code">I</span>
						<span class="atomic">53</span>
						<span class="molar">126,904</span>
						<span class="name">Иод</span>
					</td>
					<td class="metalloid">
						<span class="code">Xe</span>
						<span class="atomic">54</span>
						<span class="molar">131,29</span>
						<span class="name">Ксенон</span>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td class="alkali">
						<span class="code">Cs</span>
						<span class="atomic">55</span>
						<span class="molar">132,905</span>
						<span class="name">Цезий</span>
					</td>
					<td class="alkali">
						<span class="code">Ba</span>
						<span class="atomic">56</span>
						<span class="molar">137,33</span>
						<span class="name">Барий</span>
					</td>
					<td class="transition">
						<span class="code">La*</span>
						<span class="atomic">57</span>
						<span class="molar">138,905</span>
						<span class="name">Лантан</span>
					</td>
					<td class="transition">
						<span class="code">Hf</span>
						<span class="atomic">72</span>
						<span class="molar">178,49</span>
						<span class="name">Гафний</span>
					</td>
					<td class="transition">
						<span class="code">Ta</span>
						<span class="atomic">73</span>
						<span class="molar">180,947</span>
						<span class="name">Тантал</span>
					</td>
					<td class="transition">
						<span class="code">W</span>
						<span class="atomic">74</span>
						<span class="molar">183,85</span>
						<span class="name">Вольфрам</span>
					</td>
					<td class="transition">
						<span class="code">Re</span>
						<span class="atomic">75</span>
						<span class="molar">186,207</span>
						<span class="name">Рений</span>
					</td>
					<td class="transition">
						<span class="code">Os</span>
						<span class="atomic">76</span>
						<span class="molar">190,2</span>
						<span class="name">Осмий</span>
					</td>
					<td class="transition">
						<span class="code">Ir</span>
						<span class="atomic">77</span>
						<span class="molar">192,22</span>
						<span class="name">Иридий</span>
					</td>
					<td class="transition">
						<span class="code">Pt</span>
						<span class="atomic">78</span>
						<span class="molar">195,08</span>
						<span class="name">Платина</span>
					</td>
				</tr>
				<tr>
					<td class="transition">
						<span class="code">Au</span>
						<span class="atomic">79</span>
						<span class="molar">196,966</span>
						<span class="name">Золото</span>
					</td>
					<td class="transition">
						<span class="code">Hg</span>
						<span class="atomic">80</span>
						<span class="molar">200,59</span>
						<span class="name">Ртуть</span>
					</td>
					<td class="metalloid">
						<span class="code">Tl</span>
						<span class="atomic">81</span>
						<span class="molar">204,383</span>
						<span class="name">Таллий</span>
					</td>
					<td class="metalloid">
						<span class="code">Pb</span>
						<span class="atomic">82</span>
						<span class="molar">207,2</span>
						<span class="name">Свинец</span>
					</td>
					<td class="metalloid">
						<span class="code">Bi</span>
						<span class="atomic">83</span>
						<span class="molar">208,982</span>
						<span class="name">Висмут</span>
					</td>
					<td class="metalloid">
						<span class="code">Po</span>
						<span class="atomic">84</span>
						<span class="molar">209,987</span>
						<span class="name">Полоний</span>
					</td>
					<td class="metalloid">
						<span class="code">At</span>
						<span class="atomic">85</span>
						<span class="molar">222,017</span>
						<span class="name">Астат</span>
					</td>
					<td class="metalloid">
						<span class="code">Rn</span>
						<span class="atomic">86</span>
						<span class="molar">[222]</span>
						<span class="name">Радон</span>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td class="alkali">
						<span class="code">Fr</span>
						<span class="atomic">87</span>
						<span class="molar">223,019</span>
						<span class="name">Франций</span>
					</td>
					<td class="alkali">
						<span class="code">Ra</span>
						<span class="atomic">88</span>
						<span class="molar">226,025</span>
						<span class="name">Радий</span>
					</td>
					<td class="transition">
						<span class="code">Ac**</span>
						<span class="atomic">89</span>
						<span class="molar">227,027</span>
						<span class="name">Актиний</span>
					</td>
					<td class="transition">
						<span class="code">Rf</span>
						<span class="atomic">104</span>
						<span class="molar">[261]</span>
						<span class="name">Резерфордий</span>
					</td>
					<td class="transition">
						<span class="code">Db</span>
						<span class="atomic">105</span>
						<span class="molar">[262]</span>
						<span class="name">Дубний</span>
					</td>
					<td class="transition">
						<span class="code">Sg</span>
						<span class="atomic">106</span>
						<span class="molar">[263]</span>
						<span class="name">Сиборговий</span>
					</td>
					<td class="transition">
						<span class="code">Bh</span>
						<span class="atomic">107</span>
						<span class="molar">[262]</span>
						<span class="name">Борий</span>
					</td>
					<td class="transition">
						<span class="code">Hs</span>
						<span class="atomic">108</span>
						<span class="molar">[265]</span>
						<span class="name">Хассий</span>
					</td>
					<td class="transition">
						<span class="code">Mt</span>
						<span class="atomic">109</span>
						<span class="molar">[266]</span>
						<span class="name">Мейтнерий</span>
					</td>
					<td class="transition">
						<span class="code">Uun</span>
						<span class="atomic">110</span>
						<span class="molar">[271]</span>
						<span class="name">Ун-ун-нулий</span>
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<td class="noid">
						<span class="code">Ce</span>
						<span class="atomic">58</span>
						<span class="molar">140,12</span>
						<span class="name">Церий</span>
					</td>
					<td class="noid">
						<span class="code">Pr</span>
						<span class="atomic">59</span>
						<span class="molar">140,90</span>
						<span class="name">Празеодим</span>
					</td>
					<td class="noid">
						<span class="code">Nd</span>
						<span class="atomic">60</span>
						<span class="molar">144,24</span>
						<span class="name">Неодим</span>
					</td>
					<td class="noid">
						<span class="code">Pm</span>
						<span class="atomic">61</span>
						<span class="molar">[147]</span>
						<span class="name">Прометий</span>
					</td>
					<td class="noid">
						<span class="code">Sm</span>
						<span class="atomic">62</span>
						<span class="molar">150,35</span>
						<span class="name">Самарий</span>
					</td>
					<td class="noid">
						<span class="code">Eu</span>
						<span class="atomic">63</span>
						<span class="molar">151,96</span>
						<span class="name">Европий</span>
					</td>
					<td class="noid">
						<span class="code">Gd</span>
						<span class="atomic">64</span>
						<span class="molar">157,25</span>
						<span class="name">Гадолиний</span>
					</td>
					<td class="noid">
						<span class="code">Tb</span>
						<span class="atomic">65</span>
						<span class="molar">158,92</span>
						<span class="name">Тербий</span>
					</td>
					<td class="noid">
						<span class="code">Dy</span>
						<span class="atomic">66</span>
						<span class="molar">162,5</span>
						<span class="name">Диспрозий</span>
					</td>
					<td class="noid">
						<span class="code">Ho</span>
						<span class="atomic">67</span>
						<span class="molar">164,93</span>
						<span class="name">Гольмий</span>
					</td>
					<td class="noid">
						<span class="code">Er</span>
						<span class="atomic">68</span>
						<span class="molar">167,26</span>
						<span class="name">Эрбий</span>
					</td>
					<td class="noid">
						<span class="code">Tm</span>
						<span class="atomic">69</span>
						<span class="molar">168,93</span>
						<span class="name">Тулий</span>
					</td>
					<td class="noid">
						<span class="code">Yb</span>
						<span class="atomic">70</span>
						<span class="molar">173,04</span>
						<span class="name">Иттербий</span>
					</td>
					<td class="noid">
						<span class="code">Lu</span>
						<span class="atomic">71</span>
						<span class="molar">174,97</span>
						<span class="name">Лютеций</span>
					</td>
				</tr>
				<tr>
					<td class="noid">
						<span class="code">Th</span>
						<span class="atomic">90</span>
						<span class="molar">232,03</span>
						<span class="name">Торий</span>
					</td>
					<td class="noid">
						<span class="code">Pa</span>
						<span class="atomic">91</span>
						<span class="molar">231,03</span>
						<span class="name">Протактиний</span>
					</td>
					<td class="noid">
						<span class="code">U</span>
						<span class="atomic">92</span>
						<span class="molar">238,02</span>
						<span class="name">Уран</span>
					</td>
					<td class="noid">
						<span class="code">Np</span>
						<span class="atomic">93</span>
						<span class="molar">237,04</span>
						<span class="name">Нептуний</span>
					</td>
					<td class="noid">
						<span class="code">Pu</span>
						<span class="atomic">94</span>
						<span class="molar">244,06</span>
						<span class="name">Плутоний</span>
					</td>
					<td class="noid">
						<span class="code">Am</span>
						<span class="atomic">95</span>
						<span class="molar">243,06</span>
						<span class="name">Америций</span>
					</td>
					<td class="noid">
						<span class="code">Cm</span>
						<span class="atomic">96</span>
						<span class="molar">247,07</span>
						<span class="name">Кюрий</span>
					</td>
					<td class="noid">
						<span class="code">Bk</span>
						<span class="atomic">97</span>
						<span class="molar">247,07</span>
						<span class="name">Берклий</span>
					</td>
					<td class="noid">
						<span class="code">Cf</span>
						<span class="atomic">98</span>
						<span class="molar">251,07</span>
						<span class="name">Калифорний</span>
					</td>
					<td class="noid">
						<span class="code">Es</span>
						<span class="atomic">99</span>
						<span class="molar">252,08</span>
						<span class="name">Эйнштейний</span>
					</td>
					<td class="noid">
						<span class="code">Fm</span>
						<span class="atomic">100</span>
						<span class="molar">257,09</span>
						<span class="name">Фермий</span>
					</td>
					<td class="noid">
						<span class="code">Md</span>
						<span class="atomic">101</span>
						<span class="molar">258,09</span>
						<span class="name">Менделеевий</span>
					</td>
					<td class="noid">
						<span class="code">No</span>
						<span class="atomic">102</span>
						<span class="molar">259,10</span>
						<span class="name">Нобелий</span>
					</td>
					<td class="noid">
						<span class="code">Lr</span>
						<span class="atomic">103</span>
						<span class="molar">260,10</span>
						<span class="name">Лоуренсий</span>
					</td>
				</tr>
			</table>
			<a href="http://www.mootools.net/"><img src="img/mootools.png" alt="mooTools" title="MooTools inside ;)" /></a>
			<a href="http://jigsaw.w3.org/css-validator/"><img src="img/css.png" title="This document validates as CSS level 2.1" alt="This document validates as CSS level 2.1" /></a>
			<a href="http://validator.w3.org/"><img src="img/xhtml.png" title="This document was successfully checked as XHTML 1.0 Strict!" alt="This document was successfully checked as XHTML 1.0 Strict!" /></a>
		</div>
	</body>
</html>
